<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>

	<style>
		body {
			background-color: rgb(247, 242, 176);
		}

		h1 {
			text-align: center;
		}

		.box1 {
			margin: 20px auto;
			width: 300px;
			height: 320px;
			background-color: #fff;
		}

		.box2 {
			width: 130px;
			height: 140px;
			margin: 10px 10px;
			/* background-color: #909090; */
			float: left;
		}

		.prize_name {
			/* display:block; */
			width: 120px;
			height: 20px;
			background-color: rgb(240, 96, 58);
			margin: auto 7px;
			color: #fff;
			margin: auto;
			text-align: center;
			font-size: 15px;
		}

		.prize_img {
			display: block;
			margin: 10px 7px;
		}

		.son {
			margin: 5px auto;
			font-size: 13px;
		}

		.text_bg {
			width: 100px;
			height: 18px;
			/* background-color: rgba(0,0,0,20%); */
			background-color: rgba(0, 0, 0, 40%);
			position: relative;
			margin: -30px 7px;
			color: #fff;
			font-size: 14px;
			text-align: center;
		}
	</style>
</head>

<body>
	<div>
		<h1>活动奖励</h1>
	</div>
	<div class="box1">
		<div class="box2">
			<div class="prize_name">夏日暖阳奖3个</div>
			<div><img src="./多功能电煮锅.jpg" alt="" class="prize_img">
				<div class="text_bg">多功能电煮锅</div>
			</div>
		</div>
		<div class="box2">
			<div class="prize_name">阳光明媚奖8个</div>
			<div><img src="./煎蛋神器.jpg" alt="" class="prize_img"></div>
			<div class="text_bg">煎蛋神器</div>
		</div>

		<div class="box2">
			<div class="prize_name">夏山如碧奖10个</div>
			<div><img src="./厨房切饼神器.jpg" alt="" class="prize_img"></div>
			<div class="text_bg">厨房切饼神器</div>
		</div>
		<div class="box2">
			<div>
				<div class="prize_name">清风徐来奖12个</div>
				<div class="son">
					<div>200积分</div>
					<div>+香哈VIP会员包月</div>
				</div>
			</div>
			<div>
				<div class="prize_name">百花齐放奖16个</div>
				<div class="son">
					<div>50积分</div>
					<div>+香哈VIP会员15天</div>
				</div>
			</div>
		</div>
	</div>
	</div>

</body>

</html>